<template>
  <el-dialog title="" :visible.sync="dialogVer" center width="780px" :before-close="handleClose">
    <div class="dialog-box">
      <ul
        class="dia-ul"
        v-loading="loading"
        element-loading-text="拼命加载中"
        element-loading-spinner="el-icon-loading"
      >
        <li class="item" v-for="(item, index) in dataList" :key="index">
          <p class="txt">{{item.evidence}}</p>
          <p class="href">{{item.url}}</p>
        </li>
      </ul>
      <no-data :length="dataList.length" :loading="loading"></no-data>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: {
    dataList: {
      type: Array,
      default() {
        return [];
      },
    },
    dialogVer: {
      type: Boolean,
      default: false,
    },
    loading: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
     
    };
  },
  methods:{
    handlePageNum(){
      this.$emit('handlePageNum',1)
    },
    handleClose(){
      // this.dialogVer = false
       this.$emit('handleClose',false)
    }
  }
};
</script>

<style lang="scss" scoped>
.dialog-box{
   .dia-ul {
     min-height:50px;
     max-height:600px;
     overflow-y: auto;
     .item {
       display:block;
       .txt{
         font-size:14px;
         color:#B8BECC;
         line-height:22px;
         margin-bottom:10px;
       }
       .href{
         font-size:14px;
         color:#737780;
         line-height:22px;
       }
     }
   }
}

</style>
